@CHARSET "UTF-8";

#basic-userInfo .list-div{ ling-height:50px;}
/* 临时编码 */
#absolute-span{position: absolute;  right: 20px;  display: inline-block;  z-index: 9;  padding-top: 7px;}

@media screen and (min-width: 910px)and (max-width: 1024px) {
	/*屏幕分辨在910到1024之间   。显示两行*/
	.special-input-radio{width:8.4% !important;}
	.special-bark{display:block;}
	#familyinfoForm input.remark{   width: 32.54%;  max-width: 100%;}	
	#familyinfoForm label.label-right7{ width:50%;text-align: right;display:inline-block;}
	#familyinfoForm label.long-label{width:31.56%;text-align: right;display:inline-block;}
	#familyinfoForm label.short-label{ width: 9%;text-align: right;display:inline-block;}
	input.fatherBak{ width:78.58%; max-width: 100%;}
	#familyinfoForm .smoll-block{ display: block;}
	/* .list-div label{ width: 50%; } */
	 #userInfor-warp .list-div .combo {width: 31.5% !important;}
	#userInfor-warp .list-div label { width:16.5% !important;text-align: right;display:inline-block;} 
	#userInfor-warp input.remark{ width:78.67%; /*378/493  */}
	#medicalinfoForm .list-div .combo {width: 20.5% !important;}
	.big-label{ line-height: 17px;}
	input.short-input{ width:3%;}
	input.other{   width: 64%;  max-width: 100%;}
	/*  */
	 .app-long-select .combo{width:90% !important; max-width:100%;} 
	#generalinfoForm .list-div input{width:13%;}	
	#generalinfoForm .smoll-block{ display: block;}
	#generalinfoForm .list-div .combo{ width:14.5% !important;}
	#generalinfoForm .list-div .special-input{
		width:13.7% !important;
	}
	input.short-input{ width:5% !important;}
	 .app-label{  width: 15.98% !important;}
	 /*  */
	 #reproductivesysinfoForm .list-div label{width:16%;}
	 #reproductivesysinfoForm .list-div input{ width:20%;}
	 #reproductivesysinfoForm input.short-width{ width:18.5% !important;max-width:147px}
	 #reproductivesysinfoForm .smoll-block{ display:block !important;} 
	 #reproductivesysinfoForm .list-div .combo{ width:22% !important; max-width:100%;}
	/*   .baopi-label{ width: 14.5% !important;} */
	  /*  */
	  #physicalinfoForm .list-div label{width:16% !important;}
	  #physicalinfoForm .list-div .combo{width:22% !important;}
	  #physicalinfoForm .list-div input{ width:20% !important;}
	   #physicalinfoForm .smoll-block{ display:block !important;}
	  em.em-label{ width: 30% !important; max-width:100%; display:inline-block}
	  #physicalinfoForm .list-div label.lian-label{ width:8% !important;}
	  /**/
	 #otherinfoForm .list-div label.app-big{width:11% !important; max-width:100%;}
	 #otherinfoForm .list-div .combo{ width:20% !important; max-width:100%;}
	#otherinfoForm .list-div label.bigger-label{ width: 8.2%;  max-width: 100%;}
	
	#app-small-select .combo input{ width: 50% !important;}
}

@media screen and (min-width: 1025px) and (max-width: 1280px){	/*宽屏幕的时候。屏幕分辨力大于1025，不换行*/	
	.special-input-radio{width:5% !important;}
	.special-bark{display:inline !important;}
	/*家系调查家谱  */
	#familyinfoForm input.remark{   width: 38.02%;  max-width: 100%;}
	#familyinfoForm label{ width:15%;text-align: right;display:inline-block;}
	#familyinfoForm label.label-right7{ width:20%;}		
	#familyinfoForm label.long-label{width:24.56%;}
	input.fatherBak{ width:76.5%; max-width: 100%;}
	/* 家系调查基础信息*/
	#basic-userInfo .list-div .combo{ width:57% !important; max-width:100%;}
	#basic-userInfo .list-div label{ width: 23% !important; max-width:100%; text-align: right;display:inline-block; /* 102/851 */}
	#medicalinfoForm .list-div .combo{ width:10% !important; max-width:100%;}
	.smoll-block{ display: inline;}
	#userInfor-warp .list-div label{ width: 11.99% !important; max-width:100%; text-align: right;display:inline-block; /* 102/851 */}
	#userInfor-warp .list-div input{ width:17.63%; max-width:100%;}
	#userInfor-warp .list-div input.remark{ width:50.68%; max-width:100%;}
	#userInfor-warp .list-div .combo{ width:19.6% !important; max-width:100%;}
	/* 一般检查 */
	.app-long-select .combo{width:60% !important; max-width:100%;} 
	#generalinfoForm .list-div label{width:14%; text-align: right;display:inline-block; } 
	#generalinfoForm .list-div input{width:13%;max-width: 100%;} 
	#generalinfoForm .list-div .combo {width: 14.53% !important;max-width: 167px;}
	input.short-input{ width:2%;}
	.big-label{ line-height: 17px;}
	input.other{   width: 39%;  max-width: 100%;}
	/* 生殖系统 */
	#reproductivesysinfoForm .smoll-block{ display:inline !important;} 
	#reproductivesysinfoForm .list-div label{width: 14.99%;  max-width: 100%; text-align: right;display:inline-block; }
	#reproductivesysinfoForm input.short-width{ width:13.5% !important;max-width:147px}
	#reproductivesysinfoForm .list-div .combo{ width:16.2% !important; max-width:165px;}
	/*  */
	em.em-label{ width: 22% !important; max-width:100%; display:inline-block}
	 #physicalinfoForm .list-div label{width:13.99% ; max-width:100%; text-align: right;display:inline-block; }
	 #physicalinfoForm .smoll-block{ display:inline !important;}
	 #physicalinfoForm .list-div .combo{ width:22.2% !important; max-width:165px;}
	 /* */
	#otherinfoForm .list-div label.app-big{width:8% !important; max-width:100%; text-align: right;display:inline-block; }
	#otherinfoForm .list-div label.bigger-label{ width: 6.26% !important; max-width: 100% text-align: right;display:inline-block; }
	 
	 
}

@media screen and (min-width: 1281px) and (max-width: 1440px){	/*宽屏幕的时候。屏幕分辨力大于1281到1439之间，不换行*/

	.special-input-radio{width:5.7% !important; max-width: 1366px;}	
	.special-bark{display:inline !important;}
	#familyinfoForm input.remark{   width: 38.02%;  max-width: 100%;}
	#familyinfoForm label{ width:16%;text-align: right;display:inline-block;}
	#familyinfoForm label.label-right7{ width:20%;}		
	#familyinfoForm label.long-label{width:24.56%;}
	input.fatherBak{ width:76.5%; max-width: 100%;}
	#basic-userInfo .list-div .combo{ width:56% !important; max-width:1366px;}
	#basic-userInfo .list-div label{ width: 19% !important; max-width:100%; text-align: right;display:inline-block; /* 102/851 */}
	#medicalinfoForm .list-div .combo{ width:10% !important; max-width:100%;}
	.smoll-block{ display: inline;}
	#userInfor-warp .list-div label{ width: 11.99% !important; max-width:100%; text-align: right;display:inline-block; /* 102/851 */}
	#userInfor-warp .list-div input{ width:18%; max-width:100%;}
	#userInfor-warp .list-div input.remark{ width:50.68%; max-width:100%;}
	#userInfor-warp .list-div .combo{ width:19.6% !important; max-width:1366px;}
	/*  */
	.app-long-select .combo{width:60% !important; max-width:100%;} 
	#generalinfoForm .list-div label{width:14%;text-align: right;display:inline-block;} 
	#generalinfoForm .list-div label{width:16% !important;text-align: right;display:inline-block;} 
	#generalinfoForm .list-div input{width:13%;max-width: 100%;} 
	#generalinfoForm .list-div .combo {width: 14.4% !important;max-width: 170px;}
	.list-div .combo {width: 19.53% !important;max-width: 167px;}
	input.short-input{ width:5% !important;}
	.big-label{ line-height: 17px;}
	input.other{   width: 39%;  max-width: 100%;}
	.bili{ width:9.7% !important}
	/*  */
	#reproductivesysinfoForm .smoll-block{ display:inline !important;} 
	#reproductivesysinfoForm .list-div label{width: 14.99%;  max-width: 1366px;}
	#reproductivesysinfoForm .list-div input{ width:13.4% !important;}
	#reproductivesysinfoForm input.short-width{ width:12.3% !important;}
	#reproductivesysinfoForm .list-div .combo {width: 14.7% !important;max-width: 1366px;}
	/* .zhoujin-label{ width: 13.99% !important;} */
	/*  */
	em.em-label{ width: 22% !important; max-width:100%; display:inline-block}
	 #physicalinfoForm .list-div label{width:13.99% ; max-width:100%;}
	 #physicalinfoForm .list-div input{width:13.56% ; max-width:100%;}
	 #physicalinfoForm .smoll-block{ display:inline !important;}
	 /* */
	#otherinfoForm .list-div label.app-big{width:8% !important; max-width:100%;}
	#otherinfoForm .list-div label.bigger-label{ width: 6.26% !important; max-width: 100%}
}

@media screen and (min-width: 1441px) and (max-width: 1600px){
	.special-input-radio{width:6.3% !important;max-width: 100% !important; backgroun:red;}	
	.special-bark{display:inline !important;}
	#familyinfoForm input.remark{   width: 38.02%;  max-width: 100%;}
	#familyinfoForm label{ width:16%;text-align: right;display:inline-block;}
	#familyinfoForm label.label-right7{ width:20%;}		
	#familyinfoForm label.long-label{width:24.56%;}
	input.fatherBak{ width:76.5%; max-width: 100%;}
	#basic-userInfo .list-div .combo{ width:56% !important; max-width:100%;}
	#basic-userInfo .list-div label{ width: 19% !important; max-width:100%; text-align: right;display:inline-block; /* 102/851 */}
	#medicalinfoForm .list-div .combo{ width:10% !important; max-width:100%;}
	.smoll-block{ display: inline;}
	#userInfor-warp .list-div label{ width: 11.99% !important; max-width:100%; text-align: right;display:inline-block; /* 102/851 */}
	#userInfor-warp .list-div input{ width:17.98%; max-width:100%;}
	#userInfor-warp .list-div input.remark{ width:50.68%; max-width:100%;}
	#userInfor-warp .list-div .combo{ width:19.4% !important; max-width:400px;}
	/*  */
	.app-long-select .combo{width:60% !important; max-width:100%;} 
	#generalinfoForm .list-div label{width:16%;text-align: right;display:inline-block;} 
	#generalinfoForm .list-div input{width:12.7%;max-width: 100% !important;} 
	#generalinfoForm .list-div .combo {width: 13.6% !important;max-width: 100%;}
	.list-div .combo {width: 19.53% !important;max-width: 167px;}
	input.short-input{ width:5.5% !important;}
	.big-label{ line-height: 17px;}
	input.other{   width: 39%;  max-width: 100%;}
	.bili{ width:9.7% !important}
	/*  */
	#reproductivesysinfoForm .smoll-block{ display:inline !important;} 
	#reproductivesysinfoForm .list-div label{width: 16%;  max-width: 100%;}
	#reproductivesysinfoForm .list-div input{ width:13.4% !important;}
	#reproductivesysinfoForm input.short-width{ width:12.7% !important;}
	#reproductivesysinfoForm .list-div .combo {width: 14.7% !important;max-width:242px;}
	/* .zhoujin-label{ width: 13.99% !important;} */
	/*  */
	em.em-label{ width: 22% !important; max-width:100%; display:inline-block}
	 #physicalinfoForm .list-div label{width:17% ; max-width:100%;}
	 #physicalinfoForm .list-div label{width:16% !important; max-width:100%;}
	 #physicalinfoForm .list-div input{width:13.56% ; max-width:100%;}
	 #physicalinfoForm .smoll-block{ display:inline !important;}
	 /* */
	#otherinfoForm .list-div label.app-big{width:8% !important; max-width:100%;}
	#otherinfoForm .list-div label.bigger-label{ width: 6.26% !important; max-width: 100%}
}
@media screen and (min-width: 1601px) and (max-width: 1920px){
	.special-input-radio{width:6.9% !important;max-width: 100% !important;}	
	.special-bark{display:inline !important;}
	#familyinfoForm input.remark{   width: 38.02%;  max-width: 100%;}
	#familyinfoForm label{ width:16%;text-align: right;display:inline-block;}
	#familyinfoForm label.label-right7{ width:20%;}		
	#familyinfoForm label.long-label{width:24.56%;}
	input.fatherBak{ width:76.5%; max-width: 100%;}
	#basic-userInfo .list-div .combo{ width:56% !important; max-width:100%;}
	#basic-userInfo .list-div label{ width: 19% !important; max-width:100%; text-align: right;display:inline-block; /* 102/851 */}
	#medicalinfoForm .list-div .combo{ width:10% !important; max-width:100%;}
	.smoll-block{ display: inline;}
	#userInfor-warp .list-div label{ width: 11.99% !important; max-width:100%; text-align: right;display:inline-block; /* 102/851 */}
	#userInfor-warp .list-div input{ width:17.98%; max-width:100%;}
	#userInfor-warp .list-div input.remark{ width:50.68%; max-width:100%;}
	#userInfor-warp .list-div .combo{ width:18.98% !important; max-width:400px;}
	/*  */
	.app-long-select .combo{width:60% !important; max-width:100%;} 
	#generalinfoForm .list-div label{width:16%;text-align: right;display:inline-block;} 
	#generalinfoForm .list-div input{width:12.7%;max-width: 100% !important;} 
	#generalinfoForm .list-div .combo {width: 13.6% !important;max-width: 100%;}
	.list-div .combo {width: 19.53% !important;max-width: 167px;}
	input.short-input{ width:5.5% !important;}
	.big-label{ line-height: 17px;}
	input.other{   width: 39%;  max-width: 100%;}
	.bili{ width:9.7% !important}
	/*  */
	#reproductivesysinfoForm .smoll-block{ display:inline !important;} 
	#reproductivesysinfoForm .list-div label{width: 16%;  max-width: 100%;}
	#reproductivesysinfoForm .list-div input{ width:13.4% !important;}
	#reproductivesysinfoForm input.short-width{ width:12.7% !important;}
	#reproductivesysinfoForm .list-div .combo {width: 14.7% !important;max-width:242px;}
	/* .zhoujin-label{ width: 13.99% !important;} */
	/*  */
	em.em-label{ width: 22% !important; max-width:100%; display:inline-block}
	 #physicalinfoForm .list-div label{width:18% ; max-width:100%;}
	 #physicalinfoForm .list-div input{width:13.56% ; max-width:100%;}
	 #physicalinfoForm .smoll-block{ display:inline !important;}
	 /* */
	#otherinfoForm .list-div label.app-big{width:8% !important; max-width:100%;}
	#otherinfoForm .list-div label.bigger-label{ width: 6.26% !important; max-width: 100%}
}



